<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pe="http://primefaces.org/ui/extensions"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>

<link rel="stylesheet" href="resources/css/global.css" />
<link rel="stylesheet" href="resources/css/template.css" />
<link rel="stylesheet" href="resources/css/themeDelta.css" />
<script>
$(function() {
	 $(document).keydown(function(e){
	  var code = (e.keyCode ? e.keyCode : e.which);
	  if(code == 116) {
	  return false;
	  }
	 });
	});
	
$(document).ready(function(){
    $(document).bind("contextmenu",function(e){
        return false;
    });
});

</script>
</h:head>
<h:body >
	<!-- <p:growl id="growl" showDetail="true" showSummary="true"/>   -->
	
	<pe:layout id="fullPage" fullPage="true" 
		options="#{fullLayoutController.layoutOptions}"   stateCookie="false"
		widgetVar="fpLayoutWidget"  >
		<pe:layoutPane position="center" >
			<div style="margin-bottom: 6px; "
				class="ui-widget-content ui-corner-all">
				<ui:include src="top.xhtml" />
				
			</div>

			<div class="ui-layout-content">
				<pe:layoutPane position="center" id="pnlCenter" >
					<h:panelGroup id="pnlCenterBody" layout="block">
						<ui:include src="#{viewDispatcher.url}" />
					 </h:panelGroup>
				</pe:layoutPane>
				<pe:layoutPane position="west" size="250" closable="true">
					<pe:layoutPane position="north" size="90" closable="false"
						id="pnlLogo">
						<p:graphicImage value="resources/img/logo.png" />
					</pe:layoutPane>

					<pe:layoutPane position="center">
						<ui:include src="left.xhtml" />
					</pe:layoutPane>
				</pe:layoutPane>
			</div>
		</pe:layoutPane>
	</pe:layout>
	  
	  <p:dialog header="Car Detail" widgetVar="carDialog"
			closable="#{templateConfiguration.DLG_CLOSABLE}"
			resizable="#{templateConfiguration.DLG_RESIZABLE}"
			modal="#{templateConfiguration.DLG_MODAL}"
			showEffect="#{templateConfiguration.DLG_SHOWEFFECT}"
			hideEffect="#{templateConfiguration.DLG_HIDEEFFECT}"
			visible="#{facesContext.validationFailed}"  >
			<h:form id="form1">
			<ui:include src="maint/countr/fCountrEditGrid.xhtml" />

			<div
				class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
				<p:commandButton styleClass="btnForm btnSave ui-state-focus" update ="display"  icon="ui-icon-disk"
					value="Guardar" action="#{tableBean.doSomething}" 
				></p:commandButton>
				<p:commandButton styleClass="btnForm btnDelete" update ="display"  icon="ui-icon-trash"
					value="Eliminar" action="#{tableBean.doSomething}" 
				></p:commandButton>
				<p:commandButton styleClass="btnForm btnCancel" value="Cancelar" icon="ui-icon-cancel"
					onclick="carDialog.hide()" process="@this">
					<p:resetInput target="display" />
				</p:commandButton>
			</div>
			
			<pe:remoteCommand name="updateTable" update=":formMain" />
			</h:form>
		</p:dialog>

</h:body>
</html>